<template>
  <div class="page has-navbar" v-nav="{title: title,showMenuButton:true,showBackButton:true}">
    <div class="page-content padding-top">
      <!-- type: text, password, email, tel -->
      <div class="item item-divider">
        有标签: {{userName}}
      </div>
      <von-input type="text" v-model="userName" placeholder="用户名" label="用户名"></von-input>
      <von-input type="password" v-model="password" placeholder="密码" label="密码" style="margin-bottom: 5px;"></von-input>

      <div class="padding">
        <button class="button button-positive button-block" v-on:click="submitView()">确认</button>
      </div>

      <div class="item item-divider">
        无标签: {{tel}}
      </div>
      <von-input type="tel" v-model="tel" placeholder="手机"></von-input>
    </div>

  </div>
</template>

<script>
  export default {
    data() {
      return {
        title:'用户登录',
        userName: '',
        password: '',
        tel: ''
      }
    },
    methods: {
      submitView() {
        var self = this;
        //将要传递个另外一个页面的值存入缓存中, 然后在另一个页面根据key取出
        this.$setStore("data",this.$data)
        $router.forward('/loginHandler')
      }
    }
  }
</script>

<style>
</style>
